<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title></title>
<script type=text/javascript src="images1/jquery-1.4.2.min.js"></script>

<script type=text/javascript src="images1/slider.js"></script>

<script type=text/javascript src="images1/slider_options.js"></script>
<style>
img {
	border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; vertical-align: top; border-left-width: 0px
}
.cms-home .main {
	padding-bottom: 115px; padding-left: 7px; padding-right: 6px; padding-top: 10px
}
.cms-home .std {
	display: none
}
.cms-home .products-grid {
	position: relative; border-bottom-style: none
}
.cms-home .last.products-grid {
	border-bottom-width: 0px
}
.cms-home .products-grid li.item {
	position: relative; border-bottom-style: none; text-align: center; padding-bottom: 0px !important; border-right-style: none; margin: 0px; padding-left: 0px !important; width: 170px; padding-right: 0px !important; border-top-style: none; float: left; height: 257px; border-left-style: none; padding-top: 0px !important
}
.cms-home .products-grid li.first {
	width: 170px
}
.cms-home .products-grid li.last {
	border-right-style: none; width: 170px
}
.cms-home .product-image-block {
	position: relative; margin: 0px auto; width: 170px
}
.cms-home .products-grid .product-image {
	margin: 0px auto 10px; width: 170px; display: block; height: 257px
}
.cms-home .products-grid .product-name {
	position: absolute; text-align: left; padding-bottom: 15px; margin: 0px auto; padding-left: 15px; width: 155px; bottom: 0px; padding-right: 0px; display: none; background: url(images1/bg_col_main.png) 0px 0px; padding-top: 15px; left: 0px
}
.cms-home .products-grid .product-name a {
	text-decoration: none
}
.cms-home .products-grid .product-name a:hover {
	text-decoration: underline
}
.cms-home .indent-col-main {
	position: relative; padding-bottom: 20px; padding-left: 22px; padding-right: 25px; padding-top: 21px; width:680px;margin:0px auto;
}
.cms-home .products-grid button.button {
	padding-bottom: 0px; border-right-width: 0px; margin: 0px; padding-left: 0px; width: auto; padding-right: 0px; background: none transparent scroll repeat 0% 0%; border-top-width: 0px; border-bottom-width: 0px; overflow: visible; border-left-width: 0px; cursor: pointer; padding-top: 0px
}
.cms-home .products-grid button.button span {
	text-align: center; padding-bottom: 0px; text-transform: none; padding-left: 0px; padding-right: 0px; font: 11px/16px arial, helvetica, sans-serif; white-space: nowrap; background: none transparent scroll repeat 0% 0%; float: left; height: 16px; color: #020202; padding-top: 0px
}
.cms-home .products-grid button.button span span {
	padding-bottom: 0px; padding-left: 0px; padding-right: 0px; background: none transparent scroll repeat 0% 0%; padding-top: 0px
}




.std .subtitle {
	padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px
}
.std ol.ol {
	list-style-position: outside; list-style-type: decimal; padding-left: 1.5em
}
.std ul.disc {
	list-style-position: outside; list-style-type: disc; margin: 0px 0px 10px; padding-left: 18px
}
.std dl dt {
	font-weight: bold
}
.std dl dd {
	margin: 0px 0px 10px
}


.block-slider {
	position: relative; padding-bottom: 0px; margin: 0px 0px 0px 1px; padding-left: 0px; width: 680px; padding-right: 0px; overflow: hidden; padding-top: 0px
}
.block-slider .box-top {
	position: relative; margin: 0px 35px 0px 0px; width: 700px; float: left; height: 483px; color: #616161; font-size: 1.2em; overflow: hidden; left: 9px
}

.block-slider ul {
	padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; height: 257px; overflow: hidden; padding-top: 0px
}
.block-slider ul li {
	position: relative; padding-bottom: 0px; padding-left: 0px; width: 170px; padding-right: 0px; display: block; float: left; height: 483px; padding-top: 0px
}
.block-slider ul li a {
	display: block; text-decoration: none
}
.block-slider ul li a:hover {
	text-decoration: none
}


.products-grid {
	border-bottom: #cecece 1px solid; position: relative
}
.last.products-grid {
	border-bottom-width: 0px
}
.products-grid li.item {
	text-align: center; padding-bottom: 0px; padding-left: 20px; width: 195px; padding-right: 20px; float: left; border-right: #cecece 1px solid; padding-top: 12px
}
.products-grid li.first {
	width: 182px
}
.products-grid li.last {
	border-right-style: none; width: 180px
}
.product-image-block {
	position: relative; margin: 0px auto; width: 170px
}
.products-grid .product-image {
	margin: 0px auto 10px; width: 170px; display: block; height: 170px
}
.products-grid .product-name {
	position: absolute; text-align: left; padding-bottom: 15px; margin: 0px auto; padding-left: 15px; width: 155px; bottom: 0px; padding-right: 0px; background: url(images1/bg_col_main.png) 0px 0px; padding-top: 15px; left: 0px
}

.products-grid:after {
	line-height: 0; display: block; height: 0px; clear: both; font-size: 0px; overflow: hidden; content: "."
}


#left_but {
	z-index: 999; position: absolute; margin: 0px; width: 16px; background: url(images1/prev.gif) no-repeat left top; height: 29px; top: 133px; cursor: pointer; left: 7px
}
.over#left_but {
	background: url(images1/prev_hover.gif) no-repeat left top
}
#right_but {
	position: absolute; margin: 0px; width: 16px; background: url(images1/next.gif) no-repeat left top; height: 29px; top: 133px; cursor: pointer; right: 8px
}
.over#right_but {
	background: url(images1/next_hover.gif) no-repeat left top
}
</style>
</head>

<body class="cms-home">
<s:set name="tmp_as" value="false" />
<s:iterator value="aslist" status="i">
  <s:if test='"2".equals(type)'>
  <s:set name="tmp_as" value="true" />
  </s:if>
  </s:iterator>
<s:if test="#tmp_as">
<div class="indent-col-main">
<div class="std"><br></div>
<div class="block-slider">
<div class="anythingslider">
<ul id="slider_list" class="products-grid">
<s:iterator value="aslist" status="i">
  <s:if test='"2".equals(type)'>
  <li id="<s:property value="id"/>" class="item first">
  <a class=product-image href="javascript:void(0);">
  	<img src="app_d.do?appscreenshoturl=<s:property value="imgrename"/>" width=170 height=257>
  </a> 
  <a id="deleteimg<s:property value="id"/>" href="javascript:void(0);" onclick="deleteappscreenshot('<s:property value="id"/>')">
	<img src="images/xxxxx.PNG" class="delete" style="position : absolute;top : 0px;right : 0px;width : 10px;height : 10px;"/>
  </a>
  <h3 class=product-name>
  	<a target="_blank" href="app_downscreenshot.do?appscreenshotid=<s:property value="id"/>">download it</a>
  </h3>
  </li>
</s:if>
</s:iterator>
</ul></div></div>
<div id=left_but class="box-left"></div>
<div id=right_but class="box-right"></div></div>
</s:if>
<s:else>
无
</s:else>
</body>
</html>
